<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/_template.xhtml">
	<ui:define name="corpo">
	
		<h2>Cadastro de Notas</h2>

		<p:messages id="msgs"/>
		<h:form id="cadastro">
			<p:tabView>
				<p:tab title="Nota">
					<fieldset>
						<legend>Dados da nota</legend>

						<p:outputLabel value="CNPJ Cliente: " for="cnpj"/>
						<p:inputMask value="#{notaFiscalBean.notaFiscal.cnpj}"
							mask="99.999.999/9999-99" id="cnpj" converter="cnpj" />

						<p:outputLabel value="Data: " for="data"/>
						<p:calendar pattern="dd/MM/yyyy"
							value="#{notaFiscalBean.notaFiscal.data.time}" id="data"/>

					</fieldset>

				</p:tab>
				<p:tab title="Item">

					<fieldset>
						<legend>Dados do item</legend>
						<p:outputLabel value="Produto: " for="produtos"/>
						<h:selectOneMenu value="#{notaFiscalBean.idProduto}" id="produtos">
							<f:selectItems value="#{produtoBean.produtos}" var="produto"
								itemValue="#{produto.id}" itemLabel="#{produto.nome}" />
						</h:selectOneMenu>

						<h:outputLabel value="Quantidade: " for="quantidade"/>
						<p:inputText value="#{notaFiscalBean.item.quantidade}" id="quantidade"/>

					</fieldset>
					<h:commandButton action="#{notaFiscalBean.guardaItem}"
						value="Adicionar Item">
						<f:ajax execute="@form" render=":listagem :msgs :cadastro" />
					</h:commandButton>
				</p:tab>
			</p:tabView>


		</h:form>

		<h2>Itens da nota fiscal</h2>

		<h:form id="listagem">
			<p:dataTable value="#{notaFiscalBean.notaFiscal.itens}" var="item" 
			    paginator="true" rows="5" rendered="#{not empty notaFiscalBean.notaFiscal.itens}">
				<p:column headerText="Produto">
					#{item.produto.nome}
				</p:column>
				<p:column headerText="Valor unitário">
					<h:outputText value="#{item.valorUnitario}">
						<f:convertNumber type="currency" currencySymbol="R$"
							locale="pt_BR" />
					</h:outputText>
				</p:column>
				<p:column headerText="Quantidade">
					#{item.quantidade}
				</p:column>

			</p:dataTable>
			<h:commandButton action="#{notaFiscalBean.gravar}" value="Gravar Nota Fiscal">
				<f:ajax render=":cadastro" />
			</h:commandButton>
		</h:form>

	</ui:define>
</ui:composition>

</html>